// 颜色
$--primary-c: #248dfa; // 主题色
$--info-c: #ff7f4e; // 辅助色
$--warning-c: #d98e0f; // 提醒、警告、注意
$--success-c: #04b854; // 安全、正确、完成
$--danger-c: #d92c00; // 危险、错误、失败
$--primary-light-c: #ffe5e5; // 主色调浅色
$--success-light-c: #ecfcf3; // 正确、完成浅色
$--warning-light-c: #fff7e9; // 提醒、警告浅色
$--danger-light-c: #feeded; // 错误、失败浅色
$--white-c: rgb(255, 255, 255); // 白色

// 文字
$--font-primary-c: var(--c26); // 重要文字色 #262626
$--font-regular-c: var(--c6); // 普通文字色 #666
$--font-secondary-c: var(--c9); // 次要文字色 #999
$--font-placeholder-c: var(--cc); // 提示文字色 #ccc

// 背景
$--bg-body-c: var(--cf5); // 整体背景颜色#F5F5F5
$--bg-content-c: var(--cf); // 内容背景色#FFF
$--bg-title-c: var(--cf9); // 标题背景色#F9F9F9

// 分割线
$--line-c: var(--ce); // 基本边框颜色  ---分割线

// 边框
$--bd-light-c: var(--cd9); // 浅色边框颜色 --普通边框
$--bd-dark-c: var(--cc); // 深色描边 -- 在白底下的边框
$--line-base-c: #eee;

// 渐变色、优惠券颜色
$--primary-start-c: #ff0000;
$--primary-end-c: #248dfa;

$--info-start-c: #fea500;
$--info-end-c: #ffbc00;

$--hermes-c: #f02020; // 卡券和促销色
$--hermes-light-c: #fde8e8; // 优惠券浅色
$--hermes-start-c: #fe702c; // 促销渐变开始
$--hermes-end-c: #ff3b4a; // 促销渐变结束

$--freight-c: #004ee0; //运费券颜色
$--freight-light-c: #e5edfb; //运费券浅色
$--freight-start-c: #3fbcfa; //运费券开始 -
$--freight-end-c: #236df8; //运费券结束

// 文字大小
$--font-xl-fz: 36; // 文字36
$--font-lg-fz: 32; // 文字32
$--font-md-fz: 28; // 文字28
$--font-sm-fz: 24; // 文字24
$--font-xs-fz: 20; // 文字20
$--font-lh: 1.5; // 文字行高

// 卡片-组件
$--card-style: card; // 卡片模式(card: 卡片 cell 通栏)
$--card-ml: 24; // 卡片margin-left
$--card-mr: 24; // 卡片margin-right
$--card-mt: 16; // 卡片margin-top
$--card-mb: 16; // 卡片margin-bottom
$--card-bdrs: 8; // 卡片margin-border-radius

// 按钮
$--btn-primary-bgc: linear-gradient(135deg, $--primary-c 0%, $--primary-end-c 100%); // 主按钮背景颜色
$--btn-info-bgc: linear-gradient(90deg, $--info-start-c 0%, $--info-end-c 100%);
$--btn-warning-bgc: $--warning-c;
$--btn-success-bgc: $--success-c;
$--btn-danger-bgc: $--danger-c;
$--btn-xl-h: 88rpx; // 高度
$--btn-xl-bdrd: 12rpx; // 圆角
$--btn-xl-p: 0 26rpx; // padding
$--btn-lg-h: 90rpx;
$--btn-lg-bdrd: 8rpx;
$--btn-lg-p: 0 30rpx;
$--btn-md-h: 72rpx;
$--btn-md-bdrd: 6rpx;
$--btn-md-p: 0 24rpx;
$--btn-sm-h: 48rpx;
$--btn-sm-bdrd: 6rpx;
$--btn-sm-p: 0 24rpx;
$--btn-xs-h: 40rpx;
$--btn-xs-bdrd: 4rpx;
$--btn-xs-p: 0 16rpx;
$--btn-round-bdrd: 48rpx; // 倒角

// 其他
$--price-fz: 48;
$--dialog-w: 640; // 弹窗宽度
$--dialog-bdrd: 8; // 弹窗倒角
$--dialog-style: line; // 弹窗模式(line 线性 plane 面性)
$--dialog-title-c: #262626; // 弹窗标题颜色
$--dialog-content-c: #666666; // 弹窗内容颜色
$--dialog-btn-primary-c: #e76a60; // 弹窗主按钮颜色
$--dialog-btn-default-c: #999999; // 弹窗辅助按钮颜色
$--popup-bdtlrs: 8; // 弹层左上角倒角
$--popup-bdtrrs: 8; // 弹层右上角倒角
$--popup-title-c: #262626; // 弹层标题颜色
$--popup-title-fz: 28; // 弹层标题文字大小
$--popup-title-ta: center; // 弹层标题居中(left 居左 center 居中)
$--search-style: fill; // 搜索模式(stroke 描边 fill 填充)
$--search-h: 60; // 搜索高度
$--search-bgc: #f4f4f4; // 搜索背景色
$--search-bdrd: 8; // 搜索倒角
$--search-text-ta: center; // 搜索对齐方式(left 居左 center 居中)
$--cell-h: 88; // 单元格高度
$--cell-line-style: center; // 单元格线居中方式(left 居左 center 居中 right 居右)
$--cell-mt: 8; // 单元格margin-top
$--cell-mb: 8; // 单元格margin-bottom
$--cell-fz: 28; // 单元格文字大小
$--tag-h: 56; // 标签高度
$--tag-bdrd: 8; // 标签倒角
$--tag-bdc: #f4f4f4; // 标签背景颜色
$--tag-c: #262626; // 标签文字颜色
$--tag-active-bgc: #fff5f5; // 标签激活的背景颜色
$--tag-active-c: #ff0000; // 标签激活的文字颜色
$--tag-mr: 8; // 标签margin-right
$--tag-mb: 8; // 标签margin-bottom
$--tab-h: 80; // tab高度
$--tab-fz: 28; // tab文字大小
$--tab-active-c: #262626; // tab激活文字颜色
$--tab-c: #666666; // tab文字颜色
$--tab-active-bdc: #ff0000; // tab激活背景色
$--icon-shopping: url(//i.loli.net/2021/07/22/2DG3sU8oNSfZdLt.png); // 测试图片地址
